<!-- 页面卡片 -->
<template>
  <div class="card p-5">
    <div class="search mb-5 p-5 bg-gray-50" v-if="$slots.header">
      <slot name="header" />
    </div>
    <slot />
  </div>
</template>

<script>

export default {
  name: 'Card',
}
</script>
<style lang='scss' scoped>
.card {
  .search {
    ::v-deep .el-form-item {
      margin: 10px 0;
      &:not(:last-child) {
        margin-right: 20px;
      }
      .el-form-item__label {
        padding: 0;
      }
    }
  }
}
</style>